<!doctype html>
<html class="x-admin-sm" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>后台登录-X-admin2.2</title>
  <!--/*--> 引入css、jq、layui等样式、js <!--*/-->
  <meta th:include="~{layout/layout_head :: head}">
  <link rel="stylesheet" href="/xadmin/css/login.css">
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
  <div class="message">Flowable-管理登录</div>
  <div id="darkbannerwrap"></div>

  <form method="post" class="layui-form">
    <input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
    <hr class="hr15">
    <input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
    <hr class="hr15">
    <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
    <hr class="hr20">
  </form>
</div>

<script>
  layui.use(['form', 'jquery', 'layer'], function () {
    var form = layui.form;
    var $ = layui.jquery;
    var layer = layui.layer;
    //监听提交
    form.on('submit(login)', function (data) {
      $.ajax({
        data: data.field,
        url: '/login',
        type: 'post',
        success:function(data) {
          if (data.code != 0) {
            layer.msg(data.message)
          } else {//登录成功
            layer.msg('登录成功，即将跳转页面...')
            console.log(data)
            window.setTimeout(function () {
              window.location.href = data.url
            }, 1200)
          }
        }
      })
      return false;
    });
  });
</script>
</body>
</html>
